<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		p {
			width: 280px;
			color: #999;
			line-height: 28px;
			padding: 10px;
			background-color: #e3e4e5;
			margin-bottom: 0;
		}
		img {
			width: 280px;
			display: none;	

		}
		.active {
			color: #f10215;
			background-color: white;
		}
	</style>

</head>
<body>
	<div class="box">
		<p>我的京东</p>
		<img src="menu.png" alt="">
	</div>

</body>

<script src="../jquery-3.3.1.min.js"></script>

<script>
	
	var p = $("p");

	p.mouseover(function(){

			// // $("img").css("display","block");

			// // $("img").attr("display","block");
		$("img").attr("display","block");

			// console.log($("img"));

		// $("img").attr("display","block");

		console.log($("img"));

		$("img").slideDown(1000);

		// $("img").show();

		console.log(1);

		})
	
</script>

</html>
